* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    opacity: 0; 
    transition: opacity 0.2s
}
body.active {
    opacity: 1
}
a{
    text-decoration: none;
    color: black;
}
p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap:break-word; 
    overflow: hidden;
    margin: 0;
}
// 搜索栏
.iot_search {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 10rem;
    height: 1.12rem;
    background-color: #fff;
    div {
        height: .88rem;
        margin: .12rem .4rem;
        border-radius: .44rem;
        background-color: #f7f7f7;
        color: #7b7b7b;
        display: flex;
        align-items: center;
    }
    div::before{
        width: .4rem;
        height: .4rem;
        content:'';
        background-image: url(../icons/logo/search2.png);
        background-size: contain;
        margin-left: .36rem;
    }
    span {
        color: #7b7b7b;
        font-size: .4rem;
        margin-left: .16rem;
    }
}
//分类区域
.iot_option{
    position: fixed;
    top: 1.12rem;
    width: 2.4rem;
    height: 854px;
    background-color: #f7f7f7;
    color: #4c4c4c;
    div {
        height: 1.28rem;
        border-bottom: .02rem solid #e3e4e7;
        margin:0 .56rem;
        font-size: .36rem;
        text-align: center;
        line-height: 1.28rem;
    }
    div.iot_opted {
        border-bottom: 0;
        border-left:.1rem solid #27ba9b;
        margin: 0;
        background-color: #fff;
    }
}
.iot_goods{
    margin-left: 2.4rem;
    margin: 1.12rem .4rem 0 2.8rem;
}

//banner区域
.swiper {
    width: 100%;
    height: 100%;
  }

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-pagination-horizontal>.swiper-pagination-bullet{
    width: .425rem;
    height: .0725rem;
    border: 0;
    margin:0 .0775rem .231rem;
    border-radius: .0581rem;
 }
 .swiper-pagination-horizontal>.swiper-pagination-bullet-active {
    background: #ffffff;
}
#iot_down{
    bottom: 0;
}
//分类内容区域
.iot_contentBox{
    margin-top: .3rem;
    .iot_up{
        height: .72rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: .02rem solid #e9e9e9;
        span:nth-child(1){
            font-size: .4rem;
        }
        span:nth-child(2){
            font-size: .3rem;
            color:#999999;
        }
        span:nth-child(2):after{
            content:'';
            display: inline-block;
            width: .2rem;
            height: .2rem;
            border-top: .02rem solid #999999;
            border-right: .02rem solid #999999;
            transform: rotate(45deg);
        }    
    }
    .iot_down{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: .6rem;
        .iot_single {
            display: flex;
            flex-wrap: wrap;
            width: 2.24rem;
            height: 3.6rem;
            padding:.24rem .24rem .06rem 0;
            img {
            width: 2rem;
            height: 2rem;
            }
            p:nth-child(2){
            width: 100%;
            height: .72rem;
            margin-top: .1rem;
            font-size: .28rem;
            line-height: .36rem;
            white-space:pre-wrap;
            }
            p:nth-child(3){
            align-self: flex-end;
            color: #cf4444;
            font-size: .26rem;
            }
        }        
    }
}
